<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  title="选择用户" class="dialogStyleBase" width="1200px" :visible.sync="boxVisible" append-to-body
    :before-close="editBoxCancel">
    <div class="main">
        <div class="header">
            <el-form :inline="true" label-position="left" label-width="80px" :model="searchForm"
                class="demo-form-inline">
                <el-form-item>
                    <el-input style="width:200px;" placeholder="请输入用户编号"
                        v-model.trim="mixinList_tableSearchData.memberCode" clearable>
                    </el-input>
                </el-form-item>
                <el-form-item>
                    <el-input style="width:200px;" placeholder="请输入完整手机号"
                        v-model.trim="mixinList_tableSearchData.mobile" @blur="checkMobile" clearable maxlength="11">
                    </el-input>
                </el-form-item>
                <el-form-item>
                    <el-input style="width:200px;" placeholder="请输入用户昵称"
                        v-model.trim="mixinList_tableSearchData.nickName" clearable>
                    </el-input>
                </el-form-item>
                <el-button type="primary" style="margin-left: 10px;" @click="mixinList_refreshData">搜索</el-button>
            </el-form>
        </div>
        <div class="center" v-loading="mixinList_loading">
            <el-table v-loading="mixinList_loading"  :data="mixinList_tableData" border style="width: 100%;">
                <el-table-column prop="memberCode" label="编码">
                </el-table-column>
                <el-table-column label="头像"  width="50">
                    <template slot-scope="scope">
                        <div class="icon" >
                            <ImageBox :src="scope.row.icon" ></ImageBox>
                        </div>
                    </template>
                    
                </el-table-column>
                <el-table-column prop="nickName" label="用户昵称">
                </el-table-column>
                
                
                <el-table-column prop="mobile" label="手机号">
                </el-table-column>
                
                <el-table-column label="操作" align="center" width="200">
                    <template slot-scope="scope">
                        <el-button v-if="isDisabledSelect(scope.row.id)" disabled>{{isDisabledSelect(scope.row.id)}}
                        </el-button>
                        <el-button v-else-if="isSelected(scope.row.id)" @click="selectItem(scope.row.id)" type="primary">取消</el-button>
                        <el-button v-else @click="selectItem(scope.row.id)" >选择</el-button>
                    </template>
                </el-table-column>

            </el-table>
        </div>
    </div>

    <div slot="footer" class="footer">
        <div class="ll">
            <el-pagination class="paginationStyle" :disabled="mixinList_pageData.total<=0" background
                @current-change="mixinList_pagingData($event)" :current-page="mixinList_pageData.pageNum"
                :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
                :total.sync="mixinList_pageData.total">
            </el-pagination>
        </div>
        <div class="rr">
            <el-button @click="editBoxCancel()">取 消</el-button>
            <el-button type="primary" @click="submit()">确定</el-button>
        </div>
    </div>
</el-dialog>